<template>
  <div>
    <button @click="showThis">查看this</button>
    <Header />
    <p v-red>计数器{{ count | addEnd }}</p>
  </div>
</template>

<script>
/* 
  有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令
*/
export default {
  name: "App",
  data() {
    return {
      count: 0,
    };
  },
  methods: {
    showThis() {
      console.log(this);
      console.log(this.a);
    },
  },
};
</script>

<style>
</style>